<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./normalize.css">
    <link rel="stylesheet" href="./yingwen.css">
    <link
    rel="stylesheet"
    href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
    crossorigin="anonymous"
    />
    <link rel="stylesheet" type= "text/css" href="./cc.css" media="only screen and (max-width:1000px)"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
        <div class="eng">
            <div class="eng-item1">WHAT WE DO?</div><br>
            <div class="eng-item2">Lerom ipsum dolor sit amet,consectetur adipiscing alit,sed do eiusmod </div>
            <div class="eng-item3">tempor incididunt ut labore magna ailqua.</div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div><p>Design And Development</p></div>
                    <div class="ll">Lerom ipsum dolor sit amet,consectetur adipiscing alit,sed do eiusmod tempor incididunt ut labore magna ailqua.</div>
                    <div class="LL">learn more...</div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div><p>Website <br>Maintenance</p></div>
                    <div class="ll">Lerom ipsum dolor sit amet,consectetur adipiscing alit,sed do eiusmod tempor incididunt ut labore magna ailqua.</div>
                    <div class="LL">learn more...</div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div><p>Seo Optimization</p></div>
                    <div class="ll">Lerom ipsum dolor sit amet,consectetur adipiscing alit,sed do eiusmod tempor incididunt ut labore magna ailqua.</div>
                    <div class="LL">learn more...</div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div><p>Digital Marketing</p></div>
                    <div class="ll">Lerom ipsum dolor sit amet,consectetur adipiscing alit,sed do eiusmod tempor incididunt ut labore magna ailqua.</div>
                    <div class="LL">learn more...</div>
                </div>
            </div>
        </div>
        <div class="eng1">
            <div class="eng-item1">OUR RECENT WORKS</div><br>
            <div class="eng-item2">Lerom ipsum dolor sit amet,consectetur adipiscing alit,sed do eiusmod</div>
            <div class="eng-item3">tempor incididunt ut labore magna ailqua.</div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-4" id="xx">
                    <img src="./1.png" alt=""width="300px" height="200px">
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4"id="xx">
                    <img src="./2.png" alt=""width="300px" height="200px">
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4"id="xx">
                    <img src="./3.png" alt=""width="300px" height="200px">
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4"id="xx">
                    <img src="./4.png" alt=""width="300px" height="200px">
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4"id="xx">
                    <img src="./5.png" alt=""width="300px" height="200px">
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4"id="xx">
                    <img src="./6.png" alt=""width="300px" height="200px">
                </div>
            </div>
        </div>
        <div class="eng2">
            <div class="eng-item1">LATEST FROM OUR BLOG</div><br>
            <div class="eng-item2">Lerom ipsum dolor sit amet,consectetur adipiscing alit,sed do eiusmod</div>
            <div class="eng-item3">tempor incididunt ut labore magna ailqua.</div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-4" id="xx">
                    <img src="./11.png" alt=""width="300px" height="200px">
                    <div class="dd">This Is Lorem Ipsum Heading.</div>
                    <div class="ee">Posted In:Legal Advice<i class="fa fa-comments" id="cloud"></i>15 <i class="fa fa-eye"></i>11</div>
                    <div>We cannot expect people to have respect for <br>
                        laws and orders until we teach respect to those <br> 
                        we have entrusted to enforce those laws all the <br>
                        time. we always want to help people cordially.</div>
                    <div id="rm">Read More <i class="fa fa-long-arrow-right"></i></div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4"id="xx">
                    <img src="./22.png" alt=""width="300px" height="200px">
                    <div class="dd">This Is Lorem Ipsum Heading.</div>
                    <div class="ee">Posted In:Legal Advice <i class="fa fa-comments" id="cloud"></i>15 <i class="fa fa-eye"></i>11</div>
                    <div>We cannot expect people to have respect for <br>
                        laws and orders until we teach respect to those  <br>
                         we have entrusted to enforce those laws all the <br>
                        time. we always want to help people cordially.</div>
                    <div id="rm">Read More <i class="fa fa-long-arrow-right"></i></div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4"id="xx">
                    <img src="./33.png" alt=""width="300px" height="200px">
                    <div class="dd">This Is Lorem Ipsum Heading.</div>
                    <div class="ee">Posted In:Legal Advice <i class="fa fa-comments" id="cloud"></i>15 <i class="fa fa-eye"></i>11</div>
                    <div>We cannot expect people to have respect for <br> 
                        laws and orders until we teach respect to those <br>
                        we have entrusted to enforce those laws all the <br>
                        time. we always want to help people cordially.</div>
                    <div id="rm">Read More <i class="fa fa-long-arrow-right"></i></div>
                </div>
            </div>
        </div>
</body>
</html>